<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>示例</title>
</head>
<body>
    <!-- 指令（Directives） 是Vue.js 模板中最常用的功能，使用前缀 v- ，比如 v-if、v-html、v-pre 等 -->

    <!-- v-bind -->
        <!-- 动态更新 html 元素上的属性，比如 href、src、id、class 等 -->
    <div id="app">
        <a v-bind:href="url">链接</a>
        <img v-bind:src="imgUrl">
    </div>

    <script src="https://unpkg.com/vue/dist/vue.min.js"></script>
    <script>

        var app = new Vue({
            el: "#app",
            data: {
                url: 'http://www.github.com',
                imgUrl: './dog.jpg'
            }
        });

    </script>

</body>
</html>